WebView播放视频白屏、不能全屏问题解决

2023-11-07 19:37| 来源: 网络整理| 查看: 265

在项目中，会有在webview嵌入的网页中播放视频的需求，会在部分手机上出现白屏或有声音无画面等问题，并且存在全屏按钮点击无效果的问题。

此文章已收入Android偶遇杂症合集（持续更新）

1. 播放视频白屏、无画面问题解决

原因是WebView播放视频时可能需要硬件加速才可以正常播放视频，关闭硬件加速可能在部分手机上出现白屏、无画面、无法暂停等问题。解决方法就是开启硬件加速：

在AndroidManifest.xml的application中声明HardwareAccelerate属性在AndroidManifest.xml的对应activity中声明HardwareAccelerate属性在使用WebView的代码前添加如下代码： window.setFlags(WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED, WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED) 2. 视频不能全屏问题解决

原因是WebView的视频全屏事件是需要客户端完成后续逻辑的，网页点击全屏按钮会触发WebChromeClient的onShowCustomView方法，全屏后缩回来会触发onHideCustomView方法，在这两个方法中我们要对视频进行一个全屏放大的处理。

在我们的WebView使用之前需要添加的代码如下：

var fullscreenContainer: FrameLayout? = null var customViewCallback: WebChromeClient.CustomViewCallback? = null val mWebChromeClient = object : WebChromeClient() { override fun onShowCustomView(view: View?, callback: CustomViewCallback?) { super.onShowCustomView(view, callback) showCustomView(view, callback) } override fun onHideCustomView() { super.onHideCustomView() hideCustomView() } } /** * 显示自定义控件 */ private fun showCustomView(view: View?, callback: WebChromeClient.CustomViewCallback?) { if (fullscreenContainer != null) { callback?.onCustomViewHidden() return } fullscreenContainer = FrameLayout(context).apply { setBackgroundColor(Color.BLACK) } customViewCallback = callback fullscreenContainer?.addView(view) val decorView = (context as? Activity)?.window?.decorView as? FrameLayout (context as? Activity)?.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE decorView?.addView(fullscreenContainer) } /** * 隐藏自定义控件 */ private fun hideCustomView() { if (fullscreenContainer == null) { return } val decorView = (context as? Activity)?.window?.decorView as? FrameLayout (context as? Activity)?.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_PORTRAIT fullscreenContainer?.removeAllViews() decorView?.removeView(fullscreenContainer) fullscreenContainer = null customViewCallback?.onCustomViewHidden() customViewCallback = null }

最终在WebView使用时，为WebView设置WebChromeClient：

webView.webChromeClient = mWebChromeClient

【本文地址】

公司简介

联系我们

今日新闻

推荐新闻

专题文章